var gulp  = require("gulp");//引入核心工具gulp
var gulp_minify_css = require("gulp-minify-css");//压缩css的
var gulp_sass = require("gulp-sass");//编译scss文件
var gulp_uglify = require("gulp-uglify");//压缩js文件
var babel = require('gulp-babel')//将es6转换es5
var browserSync = require('browser-sync').create();//浏览器热更新
var imagemin = require("gulp-imagemin");
var gulpCopy = require("gulp-copy");//复制静态资源文件


//自动添加css属性的前缀
//npm i --save-dev gulp-autoprefixer
var autoprefixer = require("gulp-autoprefixer");

//复制静态资源文件
//npm i gulp-copy --save-dev
gulp.task("gulpCopy",function(){
	gulp.src("src/media/**/*.*")
		.pipe(gulpCopy("dist/media",{prefix:"2"}))
//		.pipe(gulp.dest())
})

//压缩图片
gulp.task("imagemin",function(){
	gulp.src("src/img/**/*.{png,jpg,ico}")
		.pipe(imagemin())
		.pipe(gulp.dest("dist/img"));
	
});
//gulp.task("imagemin",function(){
//	gulp.src("src/images/**/*.{png,jpg,ico}")
//		.pipe(imagemin())
//		.pipe(gulp.dest("dist/images"));
//	
//});
//定义自动刷新浏览器任务
gulp.task("bs",function(){
	browserSync.init({
		server:{
			baseDir:"./"
		},
		//修改端口号
		port:4000
	});
	gulp.watch("src/scss/**/*.scss",["sass"])
		.on("change",browserSync.reload)
});

//自定义一个任务
//gulp.task("init",function(){
//	console.log("init");
//});
//自定义一个默认的任务
//gulp.task("default",function(){
//	console.log("default");
//});


//监听scss，并将其转化为css
gulp.task("dev",function(){
	gulp.watch("src/scss/**/*.scss",["sass"])
//			.on("change",function(e){
//				console.log(e);
//			})
})

//编译sass
gulp.task("sass",function(){
	gulp.src("src/sass/**/*.scss")
		.pipe(gulp_sass())
		.pipe(gulp.dest("dist/sass"))
})


////压缩css
gulp.task("gulp-minify-css",function(){
	//文件的源头
		gulp.src("src/css/**/*.css")
			.pipe(gulp_minify_css())
			.pipe(gulp.dest("dist/css"))
		
		
})
//压缩css
//gulp.task("gulp_minify_css",function(){
//	//文件的源头
//		gulp.src("src/css/*/*.css")
//			.pipe(autoprefixer({
//				browsers:["last 2 versions","Android>=4.0","ios 7","last 3 Safari versions"],
//				cascade:true
//				//美化属性：例如-wekit-
////				cascade:false
//			}))
//			.pipe(gulp_minify_css())
//			.pipe(gulp.dest("dist/css"))
//		
//		
//})
//gulp.task("minifycss",function(){
//	//文件的源头
//		gulp.src("dist/css/**/*.css")
//			.pipe(gulp_minify_css())
//			.pipe(gulp.dest("dist/css"))
//		
//		
//})
//压缩js
gulp.task("uglifyjs",function(){
	//文件的源头
		gulp.src("src/js/**/*.js")
			.pipe(babel({
				presets: ['env']
			}))
			.pipe(gulp_uglify())
			.pipe(gulp.dest("dist/js"))
		
		
})
//复制html文件
gulp.task("copyHtml",function(){
	gulp.src("src/**/*.html")
		.pipe(gulp.dest("dist/"))
})
//一键压缩css,js
gulp.task("pro",["minifycss","uglifyjs","copyHtml"])
